<template>
    <div class="whole">
        <div class="header">
            <div class="left">
                <div class="logo">
                    <img src="@/assets/picture/HomeView/logo.png" alt="" width="130px">
                </div>
                <div class="title" v-if="Vif_LorRpath">欢 迎 登 录</div>
                <div class="title" v-else>欢 迎 注 册</div>
            </div>
            <div class="right">
                <div class="changeFrom">     
                    <span v-if="Vif_LorRpath">
                        <span>还没账号? </span>
                        <router-link to="/userinfoget/login">免费注册></router-link>
                    </span>
                    <span v-else>
                        <span>已有账号? </span>
                        <router-link to="/userinfoget/login">立即登录></router-link>
                    </span>
                </div>
            </div>
        </div>
    </div>
</template>
<script setup lang="ts">
    import { ref } from 'vue';
    import { useRoute } from 'vue-router';
    let Vif_LorRpath = ref(true)
    const nowroute = useRoute()
    Vif_LorRpath.value=(nowroute.name=='login')?true:false
</script>
<style scoped>
    .header{
        padding: 2% 5%;
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-between;
        align-items: baseline;
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
    }
    .title{
        font-size: 35px;
    }
    .left{
        display: flex;
        flex-flow: row nowrap;
        align-items: center;
    }
</style>